import { useLoaderData } from "react-router";
/**
 * 在之前的话我们是 RenderComponent(渲染组件)-> Fetch(获取数据)-> RenderView(渲染视图)

    有了loader之后是 loader(通过fetch获取数据) -> useLoaderData(获取数据) -> RenderComponent(渲染组件)
<p>状态变化：idle -》 loading -》 idle</p>

第一次加载后会缓存，之后会直接使用缓存的数据

 * @returns 
 */
export default function RouteGet() {
  const { data, message } = useLoaderData();
  console.log(data);
  return (
    <div>
      <h1>RouteGet</h1>
      <p>获取路由的加载数据:useLoaderData</p>
      <p>状态变化：idle -》 loading -》 idle</p>
      <p>{JSON.stringify(data)}</p>
      <p>{JSON.stringify(message)}</p>
    </div>
  );
}
